// 文档加载事件
$(function () {
    // 构造函数 : 实例的属性: 大家都有，但是会变化:  sum、selector选择器
    function Swiper(selector, options) {
        // 一开始就是第一张
        this.sum = 0;
        this.selector = selector;
        // 构造函数执行几次，挂在函数就执行几次
        if (options) {
            if (options.controls) {
                this.init();
            }
        }
    }
    // 轮播图初始化行为
    Swiper.prototype.init = function () {
        let self = this;
        let $uls = $(self.selector + '> div ul');
        $('.left-btn').click(function () {
            // 获取当前的索引  并减1
            if (self.sum === 0) {
                self.sum =  $uls.length -3;
            } else {
                self.sum = self.sum - 2;   // 2 -> 0 -> 1
            }
            
            // 直接启动
            self.run();
        })
        $('.right-btn').click(function () {
                // 获取当前的索引  并减1
                // sum2++; // 由于前进，函数内部本身附带了下一张，所以不用增加
                // 直接启动
            self.run();
        });
    }
    // 原型： 大家都都有，但是可以共用  
    Swiper.prototype.run = function () {
        // 为了避免 onclick 之类的DOM元素事件内的this是DOM元素本身的问题
        // 声明一个self, 其代表Swiper的实例
        let self = this;
        let $uls = $(self.selector + '> div ul');
        // 获取当前元素高度
        let currentElement = $uls.eq(self.sum);
        let pictureHeight = currentElement.outerHeight()
        // 切换索引进入到下一张
        self.sum++;  // 1
        // 计算偏移量 = 下一张图的索引 * 元素高度 * -1
        let offsetTop = self.sum * pictureHeight * -1;
        // 获取要移动的元素
        let head = $(self.selector + '> div');

        head.stop(true).animate({ top: offsetTop }, 2000, function () {
            // 判断是否到头
            if (self.sum === $uls.length - 1) {
                console.log('瞬间切换了内容到初始第一张', self.sum);
                // 操作css(让用户不知情) 将top 属性改变为0 ，索引也变成0 
                head.css('top', 0);
                self.sum = 0;
            }
        });
    }

    // 使用
    let swiper1 = new Swiper('#box1');
    // 滚动
    // swiper1.run();
    let swiper2 = new Swiper('#box2',{ controls:true });
    // 滚动
  


    // 猜你喜欢 





    // 独家推荐
    // $('.changeGoods').click(function () {
    //     console.log('dian')
    //     run();
    // });
    // run();

    // 一开始
    // let timer = setInterval(function () {
    //     run2();
    // }, 3000);

    // // 鼠标悬浮切换定时器   
    // $('#single_provider').hover(function () {
    //     // 停止定时器
    //     clearInterval(timer);
    // }, function () {
    //     // 继续定时器
    //     timer = setInterval(function () {
    //         run2();
    //     }, 3000);
    // })


    // 鼠标移入和点击
    //     .mouseenter(function () {
    //         clearInterval(timer);
    //     })
    //     .mouseleave(function () {
    //         // 继续定时器
    //         timer = setInterval(function () {
    //             run2();
    //         }, 3000);
    //     });
    //     .mouseenter(function () {
    //         clearInterval(timer);
    //     })
    //     .mouseleave(function () {
    //         // 继续定时器
    //         timer = setInterval(function () {
    //             run2();
    //         }, 3000);
    //     })





});